<template>
  <div id="test">
    <span>{{name}}</span>
  </div>
</template>

<script>
  export default {
    name: 'School',
    data() {
      return {
        name: '子组件'
      }
    }
  }
</script>

<style>
  #test {
    background-color: orange;
  }
</style>